<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:j4fry="http://j4fry.org/jsf"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:composition template="/template_bill.xhtml"
                    >
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" charset="UTF-8" />
        <ui:define name="body">
            <h:outputScript name="js/treasuryjs.js" />
            <h:panelGroup id="messagePanel" layout="block">
                    <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                </h:panelGroup>
            
            
            <!-- start of the photos bar -->
            <ul class="thumbnails">
                <li class="span4">
                <p:graphicImage value="/img/exporters1.gif" width="260" height="180" alt="موردين" title="موردين" onclick="showExp()"/>
                </li>
                <li class="span4">
                   <p:graphicImage value="/img/customer1.gif" width="260" height="180" alt="عملاء" title="عملاء" onclick="showCust()"/>
                </li>
                <li class="span4">
                        <p:graphicImage value="/img/general1.gif" width="260" height="180" alt="مصروفات و مدفوعات" title="مصروفات و مدفوعات" onclick="showGen()"/>
                </li>

            </ul>

            <!-- end of the photos bar -->

            <div id="gen">
                <center>
                    <h1>المدفوعات والمصروفات</h1>
                </center>
                <h:form class="well form-inline" >

                    <label for="input02">الجهة الموجه اليها </label>
                    <h:inputText id="genDesc" styleClass="span3" value="#{moneyController.genDesc}" required="true" requiredMessage="من فضلك أدخل الجهة الموجه إليها المبلغ"/>
                    <div class="clear"></div>

                    <label style="padding-left: 19px;" for="input03">التاريخ</label>
                    <p:calendar id="date" style="padding-left: 45px;" value="#{moneyController.date}"  showOn="button" required="true" pattern="dd/MM/yyyy"  requiredMessage="من فضلك أدخل التاريخ"/>
                    <div class="clear"></div>

                    <label style="padding-left: 19px;" for="input04">المبلغ</label>
                    <h:inputText id="money" styleClass="span3" value="#{moneyController.money}" required="true" requiredMessage="من فضلك أدخل المبلغ"/>
                   
                    <div class="clear"></div>

                    <center>
                        <h:commandLink styleClass="btn-primary btn" action="#{moneyController.saveData}" value="حصل" />
                    </center>
                </h:form>
            </div>


            <div style="display: none" id="cust">
                <center>
                    <h1>تحصيل عملاء</h1>
                </center>
                <h:form class="well form-inline">
                    <label for="input01" style="padding-left: 19px;">اسم/كود العميل</label>
                    <p:autoComplete style="padding-left: 45px;" id="input01" value="#{moneyController.customerName}" completeMethod="#{moneyController.autocomplete}"/>
                    <div class="clear"></div>
                    <label style="padding-left: 19px;" for="input03">التاريخ</label>
                    <p:calendar id="date" style="padding-left: 45px;" value="#{moneyController.date}" pattern="dd/MM/yyyy"   showOn="button" required="true" requiredMessage="من فضلك أدخل التاريخ"/>
                    <div class="clear"></div>
                    <label style="padding-left: 19px;" for="input04">المبلغ</label>
                    <h:inputText id="money" styleClass="span3" value="#{moneyController.money}" required="true" requiredMessage="من فضلك أدخل المبلغ"/>
                    
                    <div class="clear"></div>
                    <center>
                        <h:commandLink styleClass="btn-primary btn" action="#{moneyController.saveCust}" value="حصل" />
                    </center>
                </h:form>
            </div>

            <div style="display: none" id="exp"> 
                <center>
                    <h1>تحصيل موردين</h1>
                </center>
                <h:form class="well form-inline" >
                    <label style="padding-left: 10px;" for="input01">اسم/كودالمورد</label>
                    <p:autoComplete style="padding-left: 45px;" id="input01" value="#{moneyController.exporterName}" completeMethod="#{moneyController.autocomplete1}"/>
                    <div class="clear"></div>
                    <label style="padding-left: 19px;" for="input03">التاريخ</label>
                    <p:calendar id="date" style="padding-left: 45px;" value="#{moneyController.date}" pattern="dd/MM/yyyy"  showOn="button" required="true" requiredMessage="من فضلك أدخل التاريخ"/>
                    <div class="clear"></div>
                    <label style="padding-left: 19px;" for="input04">المبلغ</label>
                    <h:inputText id="money" styleClass="span3" value="#{moneyController.money}" required="true" requiredMessage="من فضلك أدخل المبلغ"/>
                    
                    <div class="clear"></div>
                    <center>
                        <h:commandLink styleClass="btn-primary btn" action="#{moneyController.saveExp}" value="حصل" />
                    </center>
                </h:form>
            </div>
            
             <!-- start of the search form -->
             <center>
                 <h1>جرد الخزينه</h1>
           
                 <c:if test="#{employeeController.limits==0}">
             <h:form styleClass="form-inline well" id="myform">
                <label style="padding-left: 19px;" for="fromDate">من</label>
                <p:calendar id="fromDate" style="padding-left: 45px;" value="#{moneyController.fromDate}"  showOn="button" pattern="dd/MM/yyyy" required="true" requiredMessage="من فضلك أدخل التاريخ الأول"/>
                <label style="padding-left: 19px;" for="toDate">الى</label>
                <p:calendar id="toDate" style="padding-left: 45px;" value="#{moneyController.toDate}"  showOn="button" pattern="dd/MM/yyyy" required="true" requiredMessage="من فضلك أدخل التاريخ الثانى"/>
                <div class="clear"></div>
                <center>
                    <h:commandLink  styleClass="btn-primary btn" action="#{moneyController.prepareTreasury}" value="عرض" onclick="" />
                </center>
             </h:form>
                     </c:if>
            <!-- end of the search form -->
             </center>

            <h:form>
                <h:panelGroup rendered="#{moneyController.treasury_items != null}">
                    <p:dataTable value="#{moneyController.treasury_items}" var="item" paginator="false" rows="50"
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                 rowsPerPageTemplate="50,100,150">
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="الجهة"/>
                            </f:facet>
                            <h:outputText value="#{item.generalDescription}"/>
                        </p:column>
 <p:column>
                            <f:facet name="header">
                                <h:outputText value=" التاريخ "/>
                            </f:facet>
                            <h:outputText value="#{item.actionDate}">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputText>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="المبلغ"/>
                            </f:facet>
                            <h:panelGroup rendered="#{!(item.moneyAmount > 0)}">
                                  #{(item.moneyAmount)*-1 } منصرف 
                                    </h:panelGroup>
                                 <h:panelGroup rendered="#{item.moneyAmount > 0}" >
                                    #{item.moneyAmount}
                                    </h:panelGroup>
                        </p:column>

                    </p:dataTable>
                </h:panelGroup>
               <!-- start of the form notifications -->
            <h:outputText value="الأجمالى: "/>
            <h:outputText value="#{moneyController.total}" title="Total"/>

            </h:form>
        </ui:define>
    </ui:composition>
</html>